<?php
require_once './php_lib/conexion.php';
$bodega = $_GET['bod_id'];
?>
<h2>Sectores</h2><?php echo "Bodega ".$bodega; ?>

<table border="1" align="center" id="tabla_sectores" class="db_listado">
    <tr>
	<th class="flecha_abajo" val="sec_id">ID&nbsp;&nbsp;</th>
	<th val="sec_des">Descripción&nbsp;&nbsp;</th>
    <th val="bod_des">Bodega&nbsp;&nbsp;</th>
    <th val="suc_des">Sucursal&nbsp;&nbsp;</th>
	<th>Accion</th>
    </tr>

</table>

<p><input name="mostrar" type="button" value="Mostrar" onclick="listar_sectores();" /><input type="text" name="cada" id="cada" mazlenght="3" value="30" width="30"/> filas, 
  empezando por la fila <input type="text" name="fila_inicio" id="fila_inicio" value="0" maxlength="3" width="30"/></p>
  
<p><input type="button" name="anterior" value="&lt;" onClick="BotonAnterior();"/>&nbsp;<input name="siguiente" type="button" value="&gt;" onClick="BotonSiguiente();" /></p>

<input type="hidden" id="orden" name="orden" value="sec_id" />
<input type="hidden" id ="osentido" name="osentido" value="ASC" />

<script languaje="JavaScript">
<!--
// Ordena por etiqueta al clickearla
$('.db_listado th').click( function(){
	if($(this).attr('val')) {
		if( $('#orden').val() == $(this).attr('val')){
			if( $('#osentido').val() == "ASC"){
				$('#osentido').val("DESC");
				$(this).removeClass();
				$(this).addClass("flecha_arriba");
			} else {
				$('#osentido').val("ASC");
				$(this).removeClass();
				$(this).addClass("flecha_abajo");
			}
		} else {
			$('#orden').val( $(this).attr('val'));
			$('#osentido').val("ASC");
			$('.db_listado th').removeClass();
			$(this).addClass("flecha_abajo");
		}
		listar_sectores();
	}
});
// Imprime la tabla personal
function listar_sectores() {
	var orden = document.getElementById('orden').value;
	var osentido = document.getElementById('osentido').value;
	var inicio = $('#fila_inicio').val();
	var tam = $('#cada').val();

	$.ajax({
	type: 'POST',
	dataType: "json",
	url: 'ajax_sector.php?funcion=4&bod_id='+<?=$bodega?>,
	data: { 'orden':orden, 'osentido':osentido, 'inicio':inicio, 'tam':tam},
	// Mostramos un mensaje con la respuesta de PHP
	success: function(data) {		
		if( data.error == 0) {
			$("#tabla_sectores").find("tr:gt(0)").remove();
			for(i = 0; i < data.num_rows; i++){
				tr = '<tr>';
	
				tr += '<td>' + data.rows[i].sec_id + '</td>';
				tr += '<td>' + data.rows[i].sec_des + '</td>';
				tr += '<td>' + data.rows[i].bod_des + '</td>';
				tr += '<td>' + data.rows[i].suc_des + '</td>';

				tr += '<td>';
     				tr += '<a onclick="$(\'#mainDiv\').load(\'./editar_sector.php?per_rut=' + data.rows[i].per_rut + '\');" href="#" class="ico_edit" title="Editar"></a>';
					tr += '<a onclick="$(\'#mainDiv\').load(\'./eliminar_personal.php?per_rut=' + data.rows[i].per_rut + '\');" href="#" class="ico_del" title="Eliminar"></a>';
				tr += '</td>';
				
				tr += '</tr>';

				$('#tabla_sectores').append(tr);
			}
//			$('#mainDiv').html(data.respuesta);
		} else {
			for( error_key in data.lista_errores){
				alert( data.lista_errores[error_key]);
			}
		}
	},
	error: function(jqXHR, textStatus) {
		alert( "Request failed: " + textStatus );}
	})  
}

function BotonAnterior(){
   $('#fila_inicio').val( parseInt($('#fila_inicio').val()) - parseInt($('#cada').val()));
   if($('#fila_inicio').val() < 0) $('#fila_inicio').val(0);
   listar_sectores();
}

function BotonSiguiente(){ 
   $('#fila_inicio').val( parseInt($('#fila_inicio').val()) + parseInt($('#cada').val()));
   listar_sectores(); 
}

listar_sectores();

-->
</script>